<div class="store_html payment_show">
    <div class="top_head">
        <a href="JavaScript:history.back()"><span class="backImg"><img src="images/baijiantou.png"></span></a>
        <h class="top_title">{{vm.shops.name}}</h>
        <!-- <a href="##"><img src="images/search.png" class="top_search"/></a>
         <a href="##"><img src="images/share.png" class="top_share"/></a>-->
        <div class="top_head_bac" id="topHeadBac"></div>
    </div>
    <div id="storeContent" style="position: absolute;top: 0px;width: 100%">
        <div id="modelHtml" class="modelHtml">
            <div class="top_main">
                <div class="top_storeico">
                    <div class="img">
                        <img  ng-src="{{vm.shops.logo?vm.shops.logo:'http://sfs.shuwang.info/sfcommon/1001/2017-07-19/6s4YIw9oL-diancan.jpg'}}">
                    </div>
                    <!-- <p>起送价：{{shops.lowPrice}}元</p>-->

                    <!--<div class="announcement">
                        <span class="announcement_context1">公告：{{shops.notice}}</span>
                        <span class="announcement_context2">公告：{{shops.notice}}</span>
                    </div>-->
                    <div class="shopname">{{vm.shops.name}}</div>
                </div>

                <!-- <div class="top_gift">
                     <img class="top_gift1" src="images/sound1.png">
                     <div class="active_text" id="activeText">
                         <p ng-repeat="promotion in shops.promotionList">{{promotion.description}}</p>
                     </div>
                     &lt;!&ndash;<img class="top_gift2" src="images/lefttou.png">&ndash;&gt;
                 </div>-->
            </div>
        </div>


        <div class="store_body">
            <div class="tab-pane message_context">
                <ul class="menu-payment-background">
                    <li>
                        <!--<div class="menu-payment"style="margin-bottom:0;border-left: .07rem solid #f23030;">
                            <div class="menu-payment-place" style="margin: 0 80% 0 12px">
                                <div class="menu-payment-place-name">台 位：</div>
                                <div class="menu-payment-place-number"><div class="place-number-input">{{deskid}}</div></div>
                                <div class="menu-payment-place-scan-div"><button id="scanQRCode" class="menu-payment-place-scan" >切换桌台</button></div>
                            </div>

                            &lt;!&ndash;<div class="place-name-remark"><div class="place-name-remark-button">备 注: </div><textarea class="textarea-remarks" style="resize: none;" ng-model="buyMessage"></textarea>&ndash;&gt;

                        </div>-->


                        <div class="menu-manage-body" >
                            <div class="menu-manage"style="margin-bottom:0;border-left: .07rem solid #f23030;">
                                <div class="cart-item" style="margin: 0 13px 0 13px">
                                    <span class="cartitem-left" style="font-size: 14px">桌 号：</span>
                                    <div class="menu-payment-place-number"><div class="place-number-input">{{vm.deskid}}号桌</div></div>
                                    <div class="menu-payment-place-scan-div"><button id="scanQRCode" class="menu-payment-place-scan" >切换桌台</button></div>

                            </div>
                        </div>

                            <!--人数-->
                        <div class="menu-manage-body" style="margin-bottom:0;border-left: .07rem solid #f23030;">
                            <div class="menu-manage">
                                <div class="cart-item" style="margin: 0 13px 0 13px">
                                    <span class="cartitem-left" style="font-size: 14px">人 数：</span>
                                    <div class="menu-payment-place-scan-select" >
                                        <select class="menu-payment-place-select" ng-model="vm.pnum" ng-init="vm.pnum='1'">
                                            <option value="1" selected>1</option>
                                            <option value="2">2</option>
                                            <option value="3">3</option>
                                            <option value="4">4</option>
                                            <option value="5">5</option>
                                            <option value="6">6</option>
                                            <option value="7">7</option>
                                            <option value="8">8</option>
                                            <option value="9">9</option>
                                            <option value="10">10</option>
                                            <option value="11">11</option>
                                            <option value="12">12</option>
                                            <option value="13">13</option>
                                            <option value="14">14</option>
                                            <option value="15">15</option>
                                            <option value="16">16</option>
                                        </select></div>
                                </div>
                            </div>
                        </div>

                            <!--备注-->
                            <div class="menu-manage-body" style="margin-bottom:0;border-left: .07rem solid #f23030;">
                                <div class="menu-manage">
                                    <div class="cart-item" style="margin: 0 13px" ng-click="vm.remark('show')">
                                        <span class="cartitem-left" style="font-size: 14px">订单备注</span>
                                        <span class="text-ellipsis cartitem-right">
                                            <span>{{(vm.buyMessage=='')?'口味、偏好等':vm.buyMessage}}</span>
                                            <span class="svg">></span>
                                        </span>
                                    </div>
                                </div>
                            </div>


                            <div class="menu-manage-body">
                                <div class="menu-manage">
                                    <div class="menu-manage-grounp">
                                        <div class="menu-name">菜品</div>
                                        <div class="menu-single-price">价格</div>
                                        <div class="menu-num">份数</div>
                                    </div>
                                    <ul>
                                        <li class="store_list_li" ng-repeat="goods in vm.order.list track by $index">
                                        <span class="float_word" style="text-align: left; padding-left: 0.15rem;">
                                            <em class="entityList">{{goods.title}}</em>
                                            <p class="float_div_sku">
                                                {{goods.properties}}
                                            </p>
                                        </span>
                                        <span class="float_store_1">
                                            <span style="font-size: 10px;">￥</span>
                                            <span>{{goods.price*goods.num | number:2}}</span>
                                        </span>
                                        <span class="entityList-3cAE9_0">
                                           <!-- <div class="float_plus" ng-touch="add(goods.groupid,goods,true)">
                                                <span class="icon">
                                                    <img src="images/addnum.png"/>
                                                </span>
                                            </div>-->
                                            <span class="float_number"
                                                  style="padding-right: 0.4rem">{{goods.num}}</span>
                                            <!--<div class="float_minus" ng-touch="remove(goods.groupid,goods,true)">
                                                <span class="icon">
                                                    <img src="images/cutnum.png"/>
                                                </span>
                                            </div>-->
                                        </span>
                                        </li>
                                        <li class="store_list_li " ng-show="vm.goodscontent.promotionDiscount>0">
                                            <span class="float_word" style="text-align: left; padding-left: 0.15rem;">
                                                <em class="entityList" ng-show="vm.goodscontent.promotionType==1">满减优惠</em>
                                                <em class="entityList" ng-show="vm.goodscontent.promotionType==2">{{vm.goodscontent.discountIntensity}}折优惠</em>
                                            </span>
                                            <span class="float_store_1">
                                                <!--<span style="font-size: 10px;">满</span>-->
                                                <!--<span>{{goodscontent.promotionFull | number:2}}</span>-->
                                            </span>
                                            <span class="entityList-3cAE9_0">
                                                <span class="float_number" style="padding-right: 0.4rem;color: #f5802c;">-￥{{vm.goodscontent.promotionDiscount|number:2}}</span>
                                            </span>
                                        </li>
                                        <li class="store_list_li coupon_active" ng-click="vm.couponStatus('show')">
                                            <span class="firmorder_coupon">优惠券（{{vm.couponValidNum==0?'无可用优惠券':vm.couponValidNum+'张可用'}}）</span>
                                            <span class="firmorder_couponmoney colorRed" ng-show="vm.goodscontent.couponDiscount>0" style="color: #f5802c;">-￥{{vm.goodscontent.couponDiscount}}</span>
                            <span class="text-ellipsis cartitem-right" ng-show="vm.goodscontent.couponDiscount==0">
                                <span class="svg">></span>
                            </span>
                                        </li>
                                    </ul>
                                </div>

                                <div class="menu-other">
                                    <div class="menu-other-sum">
                                        <div class="span-other-sum" >合计￥{{vm.goodscontent.totalprice| number:2}}</div>
                                        <div class="span-sun-num" >优惠￥{{vm.goodscontent.couponDiscount+vm.goodscontent.promotionDiscount| number:2}}</div>
                                        <div class="span-sum-price"> <span>实付￥{{vm.goodscontent.paymentprice| number:2}}</span></div>
                                    </div>

                                    <div class="menu-other-function">
                                        <button class="function-empty" >
                                            <div class="store_list_tr" ng-click="vm.sure_clean()" style=" width: 100%; height: 30px;line-height: 30px;">
                                            <span class="glyphicon glyphicon-trash">

                                             </span>
                                                清空
                                            </div>
                                        </button>
                                        <button class="function-add" aria-controls=""  ng-click="vm.moregoods()">
                                            <img src="images/moremenu.png" style="width: 0.4rem;"> 加菜
                                        </button>
                                    </div>
                                </div>


                                <!--<div class="menu-oder" id="payOrder" ng-click="vm.sure_click()">下 单</div>-->
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>

    </div>
    <!--<div class="seller_introduce_context">
        商家详情
    </div>-->
    <div id="payOrder" ng-click="vm.sure_click()" style="    position: absolute;bottom: 0;left:0;width: 100%;height: 0.8rem;background-color:#f5802c;text-align: center;line-height: 0.8rem;color: #ffffff;font-size: 0.3rem;">下单</div>
</div>


<div class="loader color_white" id="loader" style="top:160px;background-color: #ffffff;">
    <div class="loader_bac"></div>
</div>
<div class="loader color_white" id="leaveLoader" style="top:0;">
    <div class="loader_bac"></div>
</div>


<div class="c-float-popWrap msgMode">
    <div class="pop-mask"></div>
    <div class="c-float-modePop">
        <div class="warnMsg">
        </div>
    </div>
</div>s


<div class="contain-item">
    <div class="contain-detail">
        <div class="contain-text">
            <div class="contain-text1">是否清空？</div>
        </div>
        <div class="contain-choose">
            <button class="contain-no" ng-click="vm.notrash()">否</button>
            <button class="contain-yes" ng-click="vm.trash()">是</button>
        </div>
    </div>
    <div class="contain-back"></div>
</div>



<div class="remark_content">
    <div class="address_top">
        <a ng-click="vm.remark('hide')">
            <span class="backImg">
                <img src="images/baijiantou.png">
            </span>
        </a>
        <span class="address_title">订单备注</span>
    </div>
    <div class="remark_body">
        <div data-v-018b083e="" class="viewbody">
            <section data-v-018b083e="">
                <h3 data-v-018b083e="">快速备注</h3>
                <div data-v-018b083e="" class="switch" ng-repeat="remark in vm.remarkList">
                <span data-v-018b083e="" class="switch-item" ng-repeat="content in remark"
                      ng-click="vm.addremark(remark,content,$event)">
                    {{content.text}}
                </span>
                </div>
            </section>
            <section data-v-018b083e="">
                <h3 data-v-018b083e="">其他备注</h3>
                <textarea data-v-018b083e="" placeholder="请输入备注内容(可不填)" maxlength="100"
                          ng-model="vm.remarkText"></textarea>
            </section>
            <button data-v-018b083e="" class="btn-block submit" ng-click="vm.sure_remark()">确定</button>
        </div>
    </div>
</div>
<div class="choose_coupon">
    <div class="address_top">
        <a ng-click="vm.couponStatus('hide')">
            <span class="backImg">
                <img src="images/baijiantou.png">
            </span>
        </a>
        <span class="address_title">选择可用优惠券</span>
    </div>
    <div class="coupon-qiang1">
        <div class="no_shop_near" ng-show="vm.couponList.length==0">
            <span>您还没有优惠券</span>
            <div style="text-align: center;margin-top: 10px">
                <button style="border-radius: 3px;color: #fff;background-color: #f83f3c;border: none;padding: 2px 8px ;" ui-sref="receivecoupon">领券</button>
            </div>
        </div>
        <div class="lqcoupon_guaipopo" ng-click="vm.cancelCoupon(vm.couponList)" ng-show="vm.couponList.length>0">
            <div class="cancel_coupon">
                不使用优惠券
            </div>
            <div class="coupon_checked_icon {{vm.goodscontent.couponDiscount==0?'coupon_checked':''}}">
                <div class="icon_bac"></div>
            </div>
        </div>
        <div class=" text_0" ng-repeat="coupon in vm.couponList" ng-click="vm.choose_coupon(coupon,vm.couponList)">
            <div class="lqcoupon_guaipopo">
                <div class="coupon_kuai">
                    <div class="coupon_kuaidetail">
                        <!--<img class="coupon_qian" src="images/qian.png">-->
                        <span class="coupondollar">{{coupon.discount}}元</span></br>
                    </div>
                    <p class="orfialstyle">{{coupon.orfial|orfialFilter}}</p>
                </div>
                <div class="coupon_limit">
                    <span class="coupon_xy {{coupon.usable?'':'coupon_usable'}}">{{coupon.shopname}}</span></br>
                    <span class="coupon_man {{coupon.usable?'':'coupon_usable'}}">满{{coupon.full}}元可用</span></br>
                    <span class="coupon_time {{coupon.usable?'':'coupon_usable'}}">有限期至{{coupon.endTime|dateFilter}}</span></br>
                </div>
                <div class="coupon_checked_icon {{coupon.checked?'coupon_checked':''}}" ng-show="coupon.usable">
                    <div class="icon_bac"></div>
                </div>
            </div>
            <div class="limit_condition" ng-show="coupon.limitCondition!=''">
                <div class="limit_text">不可用原因</div>
                <div class="limit_reason">{{coupon.limitCondition}}</div>
            </div>
            <!--<div class="coupon_havenum">-->
            <!--<span class="lqcoupon_num1">{{coupon.num}}张</span>-->
            <!--</div>-->
        </div>
    </div>
</div>